<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="utf8">
    <title>论坛</title>
    <meta name="viewport" content="width=device-width initial-scale=1 user-scalable=no"/>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script src="https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="js/bootstrap-4.5.3-dist/css/bootstrap.css">
    <script src="js/bootstrap-4.5.3-dist/js/bootstrap.bundle.js"></script>
     <script type="text/javascript" src="layui/layui.js"></script>
     <script type="text/javascript" src="js/wxCloud.js?type=29"></script>
    <script type="text/javascript" src="./js/wxSDK.js?type=2222"></script>
    <link rel="stylesheet" type="text/css" href="css/jianyi.css?type=1a23">
    <link rel="stylesheet" type="text/css" href="layer-v3.3.0/layer/theme/default/layer.css">
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css">
    <link id="zhandianIcon" rel="shortcut icon" href="https://7372-srrz-2g24l1oea7a7e67e-1304952114.tcb.qcloud.la/icon/%E7%81%AF%E5%A1%94.png" >
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_2499920_nu5rzn3c8z.css">
     <script type="text/javascript" src="js/jianyi.js?type=21aaa2251"></script>
</head>
<body>
    <div class="header container my-2">
        <nav aria-label="breadcrumb" >
            <ol class="breadcrumb bg-white">
                <li class="breadcrumb-item"><a href="https://srrz-2g24l1oea7a7e67e-1304952114.tcloudbaseapp.com/sgb2.0/index-bootstarp.html">首页</a></li>
                <li class="breadcrumb-item"><a href="">论坛</a></li>
            </ol>
        </nav>
    </div>
    <div class="container mb-2" id="headimgurl">
        <img src="" alt="" class="img-fluid mr-2" id="img">
        <div id="nickname" class="">赵怀帅 lsaa</div>
        <div class="text-info ml-3" id="lookme">查看我的</div>
        <div class="text-info ml-3" id="lookall">查看全部</div>
    </div>

    <div class="container" id="form" style="display: none;">

        <div class="layui-form">
            <div class="layui-form-item">
                <label id="heper_title" for="" class="layui-form-label-col">
                    话题：
                </label>
                <textarea id="yijiantext"  class="layui-textarea"></textarea>
            </div>
            <div class="layui-form-item clearfix">
                <input id="submit" type="button" class="btn btn-primary float-right " value="提交">
            </div>
        </div>

    </div>

    <div class="main container pt-3 pb-3 border-top">
        <ul id="list">


<!--            <li>-->
<!--                <div class="card" >-->
<!--                    <div class="card-body">-->
<!--                        <div style="display: flex;align-items:center;justify-items: center;">-->
<!--                            <div class="card-title mr-2 text-info  text-wrap">隐藏的人</div>-->
<!--                            <div class="card-title">yyyy-MM-dd hh:mm:ss</div>-->
<!--                        </div>-->

<!--                        <div style="display: flex;align-items: flex-start;justify-items: center;">-->
<!--                            <div class="card-subtitle mt-2 mb-2 mr-2 text-muted">-->
<!--                                <div class="headerImg">-->
<!--                                    <img src="${item.headimgurl}" class="img-fluid" alt="">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="card-text mb-1 ">-->
<!--                                ${item.context}-->
<!--                            </div>-->
<!--                        </div>-->

<!--                        <a href="#" class="card-link text-danger">${item.state}</a>-->
<!--                    </div>-->
<!--                    <div class="card-footer">-->
<!--                        <div class="fankui_box">-->
<!--                            <div class="pinglun">-->
<!--                                <div class="icon"><i class="iconfont icon-pinglun "></i></div>-->
<!--                                <div class="number">112</div>-->
<!--                            </div>-->
<!--                            <div class="zan">-->
<!--                                <div class="icon"><div id="zanyang" class="icon-zan"></div></div>-->
<!--                                <div class="number">1120</div>-->
<!--                            </div>-->

<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </li>-->
        </ul>
    </div>
    <div class="heaper btn btn-primary" id="heaper">
        <i class="iconfont icon-bianji1"></i>
    </div>
<!--    评论的盒子 begin-->
    <div class="zhezhao"></div>
    <div class="container pinglun_box">

        <div class="container_pinglun">

            <div class="pl_header clearfix">
               <div class="pl_header_tittle float-left">评论详情</div>
               <div id="inputPl" class="float-right text-danger">写评论</div>
            </div>
            <div class="pl_body">

                <ul class="pl_list">
                    <li>
                        <div class="card mb-2" >
                            <div class="card-body">
                                <div style="display: flex;align-items:center;justify-items: center;">
                                    <div class="card-title mr-2 text-info  text-wrap">隐藏的人</div>
                                </div>
                                <div style="display: flex;align-items: flex-start;justify-items: center;">
                                    <div class="card-subtitle mt-2 mb-2 mr-2 text-muted">
                                        <div class="pl_headerImg">
                                            <img src="${item.headimgurl}" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                    <div class="card-text mb-1 ">
                                        ${item.context}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="card mb-2" >
                            <div class="card-body">
                                <div style="display: flex;align-items:center;justify-items: center;">
                                    <div class="card-title mr-2 text-info  text-wrap">隐藏的人</div>
                                </div>
                                <div style="display: flex;align-items: flex-start;justify-items: center;">
                                    <div class="card-subtitle mt-2 mb-2 mr-2 text-muted">
                                        <div class="pl_headerImg">
                                            <img src="${item.headimgurl}" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                    <div class="card-text mb-1 ">
                                        ${item.context}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="card mb-2" >
                            <div class="card-body">
                                <div style="display: flex;align-items:center;justify-items: center;">
                                    <div class="card-title mr-2 text-info  text-wrap">隐藏的人</div>
                                </div>
                                <div style="display: flex;align-items: flex-start;justify-items: center;">
                                    <div class="card-subtitle mt-2 mb-2 mr-2 text-muted">
                                        <div class="pl_headerImg">
                                            <img src="${item.headimgurl}" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                    <div class="card-text mb-1 ">
                                        ${item.context}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="card mb-2" >
                            <div class="card-body">
                                <div style="display: flex;align-items:center;justify-items: center;">
                                    <div class="card-title mr-2 text-info  text-wrap">隐藏的人</div>
                                </div>
                                <div style="display: flex;align-items: flex-start;justify-items: center;">
                                    <div class="card-subtitle mt-2 mb-2 mr-2 text-muted">
                                        <div class="pl_headerImg">
                                            <img src="${item.headimgurl}" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                    <div class="card-text mb-1 ">
                                        ${item.context}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="card mb-2" >
                            <div class="card-body">
                                <div style="display: flex;align-items:center;justify-items: center;">
                                    <div class="card-title mr-2 text-info  text-wrap">隐藏的人</div>
                                </div>
                                <div style="display: flex;align-items: flex-start;justify-items: center;">
                                    <div class="card-subtitle mt-2 mb-2 mr-2 text-muted">
                                        <div class="pl_headerImg">
                                            <img src="${item.headimgurl}" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                    <div class="card-text mb-1 ">
                                        ${item.context}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>


            </div>




        </div>

    </div>
<!--    评论的盒子 end-->
</body>
</html>